<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>404</title>
  <link rel="stylesheet" type="text/css" href="/main.css" />
  <!--<meta http-equiv=refresh content="5;url=https://xkk1.github.io/">-->
  <!-- <script type="text/javascript" src="//qzonestyle.gtimg.cn/qzone/hybrid/app/404/search_children.js" charset="utf-8" homePageUrl="/" homePageName="回到我的主页"></script>
  <style type="text/css">
    .goHomePage {
        position: fixed;
        left: 0px;
        top: 0px;
        background: #eafed0;
    }
  </style>
  <script>
    window.onload = function(){
      document.documentElement.innerHTML += `
    <div class="goHomePage">
      <a id="aHomePage" href="/">返回主页</a>
    </div>
      `;
    document.getElementById("aHomePage").href = window.location.protocol + "//" + window.location.host
    }
    </script> -->
</head>
<body>
  <header class="xkk_header">
    <p class="xkk_p"><a href="/">返回主页</a></p>
    <h1 class="xkk_h1">404 Not Found 该页面不存在</h1>
  </header>
  <main class="xkk_main">
    <p class="xkk_p">
      很抱歉，没有找到您要访问的页面<!--，5秒钟后将跳转回首页。-->
    </p>
    <p id="message" class="xkk_p"></p>
  </main>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    // 获取当前路径并替换.html为.md
    const currentPath = window.location.pathname;
    if (!currentPath.endsWith('.html')) {
      return; // 如果不是以.html结尾，则不处理
    }
    const markdownPath = currentPath.replace(/\.html$/, '.md');
    
    // 显示提示信息
    document.getElementById('message').textContent = `正在检查是否存在 Markdown 版本: ${markdownPath}...`;
    
    // 设置超时时间(5秒)
    const timeout = setTimeout(function() {
        document.getElementById('message').textContent = `检查 Markdown 文件超时: ${markdownPath}，请稍后刷新重试。`;
    }, 5000);
    // 使用fetch API检查文件是否存在
    // 注意：这可能会遇到CORS问题，取决于服务器配置
    fetch(markdownPath, { 
        method: 'HEAD', // 只获取头信息，不下载内容
        mode: 'no-cors'  // 尝试避免CORS问题
    })
    .then((response) => {
        clearTimeout(timeout);
        
        // 由于no-cors模式的限制，无法准确判断响应状态
        // 所以这里简单地认为请求成功就是文件存在
        if (response.ok || response.status === 0) {
            // 文件存在，跳转到Markdown版本
            document.getElementById('message').textContent = `找到 Markdown 版本，即将跳转到: ${markdownPath}`;
            // 延迟1秒后跳转，让用户看到提示
            setTimeout(function() {
                window.location.href = "/md/?md=" + encodeURIComponent(markdownPath);
            }, 1000);
        } else {
            // 文件不存在
            document.getElementById('message').textContent = `未找到对应的 Markdown 文件：${markdownPath}，请检查路径是否正确。`;
        }
    })
    .catch((error) => {
        clearTimeout(timeout);
        document.getElementById('message').textContent = '检查 Markdown 文件失败，可能是网络错误，请稍后刷新重试。';
        console.error('检查文件出错:', error);
    });
  });
</script>
</body>
</html>
